<template>
  <div class="mitt">
    <h1>兄弟组件通信</h1>
    <Mitt1></Mitt1>
    <Mitt2></Mitt2>
  </div>
</template>

<script setup>
import {
  ref,
  reactive,
  toRefs,
  onBeforeMount,
  onMounted,
  watchEffect,
  computed,
} from "vue";
import Mitt1 from "../../components/mitt/index.vue";
import Mitt2 from "../../components/mitt/index1.vue";
</script>
<style scoped>
.mitt{
  width: 500px;
  height: 500px;
}
</style>